<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="sys" uri="/menutaglib"%>
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title>${sessionScope.web_name}</title>
	<meta content="width=device-width, initial-scale=1.0" name="viewport" />
	<meta content="" name="description" />
	<meta content="" name="author" />
	<link rel="stylesheet" id='style_color' href="<%=request.getContextPath()%>/resources/assets/plugins/system/css/${sessionScope.web_style}.css" type="text/css"/>
	<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/common/js/constants.js"></script>
	<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/system/js/common/fscapp_sys.js"></script>
	<script src="<%=request.getContextPath()%>/resources/assets/plugins/echarts/echarts.js" type="text/javascript"></script>
	<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/plugins/system/js/jquery.bootpag.min.js"></script>

	<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/resources/assets/plugins/system/css/datepicker.css" />
	<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/plugins/system/js/bootstrap-datepicker.js"></script>
	<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/plugins/system/js/daterangepicker.js"></script>
	<style>
		.info-tip {
			position: absolute;
			top: 10px;
			right: 10px;
			font-size: 12px;
			background-color: #fff;
			height: 35px;
			text-align: left;
		}
		#loads_maps img {max-width:none}
	</style>
	<script type="text/javascript">
		var str = "ftpworkdir/file/lnPRbwvfs5Y3fFjHFau-1540167662444.png";
		var id = str.lastIndexOf("/");
		var path = str.substring(0,id);
		var fileName =  str.substring(id+1, str.length);
		console.log("path:" + path);
        console.log("name:" + fileName);
	</script>
	<!--
    <link href="<%=request.getContextPath()%>/resources/assets/plugins/map/mapmain.css" rel="stylesheet"/>
   	<link rel="stylesheet" href="http://cache.amap.com/lbs/static/main.css?v=1.0?v=1.0" />
   	<script src="http://cache.amap.com/lbs/static/es5.min.js"></script>
   	<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=796f7e41904b5c853bef465a0540d2df&plugin=AMap.ToolBar"></script>
	 -->
</head>
<body class="page-header-fixed">
<!-- BEGIN HEADER -->
<jsp:include page="common/systemUserSelfHeader.jsp"></jsp:include>
<!-- END HEADER -->
<!-- BEGIN CONTAINER -->
<div class="page-container">
	<!-- BEGIN SIDEBAR -->
	<div class="page-sidebar nav-collapse collapse">
		<!-- BEGIN SIDEBAR MENU -->
		<ul class="page-sidebar-menu">
			<sys:sysNav/>
		</ul>
		<!-- END SIDEBAR MENU -->
	</div>
	<!-- END SIDEBAR -->
	<!-- BEGIN PAGE -->
	<div class="page-content">
		<!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM-->
		<div id="portlet-config" class="modal hide">
			<div class="modal-header">
				<button data-dismiss="modal" class="close" type="button"></button>
				<h3>Widget Settings</h3>
			</div>
			<div class="modal-body">Widget settings form goes here</div>
		</div>
		<!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM-->
		<!-- BEGIN PAGE CONTAINER-->
		<div class="container-fluid">
			<!-- BEGIN PAGE HEADER-->
			<div class="row-fluid crumbs">
				<div class="beginPageHearderBg_1"></div>
				<div class="beginPageHearderBg_2"></div>
				<div class="page-title page-title-style"><i class="icon-user-md"></i>总览</div>
				<div class="page-title-desc"><i class="fa fa-info-circle"></i>导航及查看更多信息(*)</div>
				<div class="span12 breadcrumb-style">
					<ul class="breadcrumb">
						<li>
							<i class="icon-home"></i>
							<a href="${sessionScope.web_home}">首页</a>
							<i class="icon-angle-right"></i>
						</li>
						<li>
							<a href="#">总览</a>
						</li>
					</ul>
					<!-- END PAGE TITLE & BREADCRUMB-->
				</div>
			</div>
			<!-- END PAGE HEADER-->
			<div class="row-fluid">
				<div id="dashboard" class="row-fluid">
					<!-- BEGIN DASHBOARD STATS -->
					<div class="tiles" id="tiles_sys">
						<a href='<%=request.getContextPath()%>/system/sysUserMgr' id="tiles_sysUserMgr" style="display: none">
							<div class="tile bg-red">
								<div class="tile-body">
									<i class="icon-user"></i>
								</div>
								<div class="tile-object">
									<div class="name">
										用户管理
									</div>
								</div>
							</div>
						</a>
						<a href='<%=request.getContextPath()%>/system/selfUpdate' id="tiles_selfUpdate" style="display: none">
							<div class="tile bg-purple">
								<div class="tile-body">
									<i class="icon-pencil"></i>
								</div>
								<div class="tile-object">
									<div class="name">
										资料修改
									</div>
								</div>
							</div>
						</a>

						<a href='<%=request.getContextPath()%>/system/selfPwd' id="tiles_selfPwd" style="display: none">
							<div class="tile bg-blue">
								<div class="tile-body">
									<i class="icon-key"></i>
								</div>
								<div class="tile-object">
									<div class="name">
										密码变更
									</div>
								</div>
							</div>
						</a>
                        <a href='<%=request.getContextPath()%>/system/userStat' id="tiles_userStat" style="display: none">
                            <div class="tile bg-yellow selected">
                                <div class="tile-body">
                                    <i class="icon-bar-chart"></i>
                                </div>
                                <div class="tile-object">
                                    <div class="name">
                                  		  用户统计
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                        <a href='<%=request.getContextPath()%>/system/sysRoleMgr' id="tiles_sysRoleMgr" style="display: none">
                            <div class="tile bg-red">
                                <div class="tile-body">
                                    <i class="icon-user-md"></i>
                                </div>
                                <div class="tile-object">
                                    <div class="name">
                                      	  角色管理
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                        <a href='<%=request.getContextPath()%>/system/sysPermissionMgr' id="tiles_sysPermissionMgr" style="display: none">
                            <div class="tile bg-green">
                                <div class="tile-body">
                                    <i class="icon-windows"></i>
                                </div>
                                <div class="tile-object">
                                    <div class="name">
                                      	  权限管理
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href='<%=request.getContextPath()%>/system/proDictMgr' id="tiles_proDictMgr" style="display: none">
                            <div class="tile bg-purple">
                                <div class="tile-body">
                                    <i class="icon-book"></i>
                                </div>
                                <div class="tile-object">
                                    <div class="name">
                                      	 业务字典
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href='<%=request.getContextPath()%>/system/dictMgr' id="tiles_sysDictMgr" style="display: none">
                            <div class="tile bg-blue">
                                <div class="tile-body">
                                    <i class="icon-tasks"></i>
                                </div>
                                <div class="tile-object">
                                    <div class="name">
                                      	  系统字典
                                    </div>
                                </div>
                            </div>
                        </a>
						<a href='<%=request.getContextPath()%>/system/sysMonitor' id="tiles_sysMonitor" style="display: none;">
							<div class="tile image double selected" style="background: url('<%=request.getContextPath()%>/resources/assets/plugins/system/image/photo_aj.jpg') center no-repeat;">
								<div class="tile-body">
								</div>
								<div class="tile-object">
									<div class="name">
										系统运营监控
									</div>
								</div>
							</div>
						</a>
						<a href='<%=request.getContextPath()%>/system/sysLog' id="tiles_sysLog" style="display: none">
							<div class="tile bg-yellow">
								<div class="tile-body">
									<i class="icon-time"></i>
								</div>
								<div class="tile-object">
									<div class="name">
										操作日志
									</div>
								</div>
							</div>
						</a>
                        <a href='<%=request.getContextPath()%>/system/log4j' id="tiles_log4j" style="display: none">
                            <div class="tile bg-green">
                                <div class="tile-body">
                                    <i class="icon-bug"></i>
                                </div>
                                <div class="tile-object">
                                    <div class="name">
                                        Log4j日志
                                    </div>
                                </div>
                            </div>
                        </a>
					</div>
					<!-- END DASHBOARD STATS -->

					<div class="clearfix"></div>
					<div class="row-fluid">
						<div class="span6">
							<!-- BEGIN REGIONAL STATS PORTLET-->
							<div class="portlet">
								<div class="portlet-title">
									<div class="caption">
										<i class="icon-globe"></i>通过率统计信息
									</div>
									<div class="tools">
										<a href="" class="collapse"></a>
										<a href="#" class="reload"></a>
									</div>
								</div>
								<div class="portlet-body">
									<div id="region_statistics_loading" class="hide">
										<img src="<%=request.getContextPath()%>/resources/assets/plugins/system/image/loading.gif" alt="loading" />
									</div>
									<div id="region_statistics_content" class="">
										<div class="btn-toolbar">
										</div>
										<div class="tabbable tabbable-custom">
											<ul class="nav nav-tabs">
												<li class="active"><a href="#tab_1_1" data-toggle="tab">机构通过率统计图</a></li>
												<li><a href="#tab_1_2" data-toggle="tab">科目通过率列表</a></li>
											</ul>

											<div class="tab-content">
												<!--
                                                <select style="width:100px;" id="passId">
                                                </select>
                                                -->
												<div class="input-append date date-picker" data-date="12-02-2017" data-date-format="yyyy" data-date-viewmode="years">
													<input class="m-wrap m-ctrl-medium date-picker" id="passId" readonly="" size="16" type="text" value=""><span class="add-on"><i class="icon-calendar"></i></span>
												</div>
												<div class="tab-pane active" id="tab_1_1">
													<div id="pass_statistics" class="chart"></div>
												</div>
												<div class="tab-pane" id="tab_1_2">
													<table id="rateDataTable" class="table table-striped table-bordered table-hover table-full-width">
														<thead>
														<tr>
															<th style="text-align:center">机构名称</th>
															<th style="text-align:center">科目</th>
															<th style="text-align:center">参加人数</th>
															<th style="text-align:center">通过人数</th>
															<th style="text-align:center">通过率</th>
														</tr>
														</thead>
														<tbody style="font-size: 15px;"></tbody>
													</table>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<!-- END REGIONAL STATS PORTLET-->
						</div>
						<div class="span6">
							<!-- BEGIN PORTLET-->
							<div class="portlet paddingless">
								<div class="portlet-title line">
									<div class="caption">
										<i class="icon-bell"></i>下载信息
									</div>
									<div class="tools">
										<a href="" class="collapse"></a>
									</div>
								</div>
								<div class="portlet-body">
									<!--BEGIN TABS-->
									<div class="tabbable tabbable-custom">
										<!-- <p id="dynamic_pager_content1" class="well">Page 1 content here</p> -->
										<div class="scroller" data-height="350px" data-always-visible="1" data-rail-visible="0">
											<ul class="feeds" id="dynamic_pager_content1">
											</ul>
										</div>
										<p id="dynamic_pager_demo1" class="pagination"></p>
									</div>
									<!--END TABS-->
								</div>
							</div>
							<!-- END PORTLET-->
						</div>
					</div>
					<div class="clearfix"></div>
					<div class="row-fluid">
						<div class="span6">
							<div class="portlet box purple" style="margin:0;">
								<div class="portlet-title">
									<div class="caption">
										<i class="icon-calendar"></i>服务器基本信息
									</div>
									<div class="actions">
										<a href="javascript:;" class="btn btn-info btn-outline btn-m-wrap easy-pie-chart-reload"><i class="icon-repeat"></i> Reload</a>
									</div>
								</div>
								<div class="portlet-body">
									<div class="row-fluid">
										<div class="span4">
											<div class="easy-pie-chart">
												<div class="number transactions" data-percent="55">
													<span>+55</span>%
												</div>
												<a class="title" href="#">cpu使用率<i class="m-icon-swapright"></i></a>
											</div>
										</div>
										<div class="margin-bottom-10 visible-phone"></div>
										<div class="span4">
											<div class="easy-pie-chart">
												<div class="number visits" data-percent="85">
													<span>+85</span>%
												</div>
												<a class="title" href="#">物理内存<i class="m-icon-swapright"></i></a>
											</div>
										</div>
										<div class="margin-bottom-10 visible-phone"></div>
										<div class="span4">
											<div class="easy-pie-chart">
												<div class="number bounce" data-percent="46">
													<span>-46</span>%
												</div>
												<a class="title" href="#">磁盘占用 <i class="m-icon-swapright"></i></a>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="span6">
							<div class="portlet box blue" style="margin:0;">
								<div class="portlet-title">
									<div class="caption">
										<i class="icon-calendar"></i>JVM内存监控
									</div>
									<div class="tools">
										<a href="" class="collapse"></a>
										<a href="#portlet-config" data-toggle="modal" class="config"></a>
										<a href="" class="reload"></a>
										<a href="" class="remove"></a>
									</div>
								</div>
								<div class="portlet-body">
									<div class="row-fluid">
										<div id="load_statistics_loading">
											<img src="<%=request.getContextPath()%>/resources/assets/plugins/system/image/loading.gif" alt="loading" />
										</div>
										<div id="load_statistics_content" class="hide">
											<div id="load_statistics" style="height: 108px;"></div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- END PAGE CONTAINER-->
	</div>
</div>
<!-- END CONTAINER -->
<!-- BEGIN FOOTER -->
<jsp:include page="common/sysFooter.jsp"></jsp:include>
<!-- END FOOTER -->
<script>
    jQuery(document).ready(function() {
        App.init(); // initlayout and core plugins
        function handleDatePickers() {
            $('.date-picker').datepicker({
                format: 'yyyy',
                weekStart: 1,
                autoclose: true,
                startView: 2,
                maxViewMode: 2,
                minViewMode:2,
                forceParse: false,
                language: 'zh-CN'
            });
        }
        handleDatePickers();
        var myDate = new Date();
        var year = myDate.getFullYear();
        $('.date-picker').val(year);
    });
</script>
<script src="<%=request.getContextPath()%>/resources/assets/system/js/sys/index.js" type="text/javascript"></script>
</body>
</html>